<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<script type="text/javascript">window.onscroll = function() { synchronizer.webViewScrolled(); }; </script>
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<link rel="stylesheet" href="qrc:/scripts/highlight.js/styles/github.css">
<script src="qrc:/scripts/highlight.js/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<link rel="stylesheet" href="qrc:/scripts/mermaid/mermaid.css">
<script src="qrc:/scripts/mermaid/mermaid.full.min.js"></script>

</head>
<body>
<h1 id="Markdown.2.HTML.Extensions">Markdown 2 HTML Extensions</h1>

<p>This O demonstrates rendering of math, diagram, &hellip; extensions to HTML,
example has been downloaded from
<a href="http://www.unexpected-vortices.com/sw/rippledoc/quick-markdown-example.html">http://www.unexpected-vortices.com/sw/rippledoc/quick-markdown-example.html</a></p>

<h1 id="An.h1.header">An h1 header</h1>

<p>Paragraphs are separated by a blank line.</p>

<p>2nd paragraph. <em>Italic</em>, <strong>bold</strong>, and <code>monospace</code>. Itemized lists
look like:</p>

<ul>
<li>this one</li>
<li>that one</li>
<li>the other one</li>
</ul>


<p>Note that &mdash; not considering the asterisk &mdash; the actual text
content starts at 4-columns in.</p>

<blockquote><p>Block quotes are
written like so.</p>

<p>They can span multiple paragraphs,
if you like.</p></blockquote>

<p>Use 3 dashes for an em-dash. Use 2 dashes for ranges (ex., &ldquo;it&rsquo;s all
in chapters 12&ndash;14&rdquo;). Three dots &hellip; will be converted to an ellipsis.
Unicode is supported. ☺</p>

<h2 id="An.h2.header">An h2 header</h2>

<p>Here&rsquo;s a numbered list:</p>

<ol>
<li>first item</li>
<li>second item</li>
<li>third item</li>
</ol>


<p>Note again how the actual text starts at 4 columns in (4 characters
from the left side). Here&rsquo;s a code sample:</p>

<pre><code># Let me re-iterate ...
for i in 1 .. 10 { do-something(i) }
</code></pre>

<p>As you probably guessed, indented 4 spaces. By the way, instead of
indenting the block, you can use delimited blocks, if you like:</p>

<pre><code>define foobar() {
    print "Welcome to flavor country!";
}
</code></pre>

<p>(which makes copying &amp; pasting easier). You can optionally mark the
delimited block for Pandoc to syntax highlight it:</p>

<pre><code class="python">import time
# Quick, count to ten!
for i in range(10):
    # (but not *too* quick)
    time.sleep(0.5)
    print i
</code></pre>

<h3 id="An.h3.header">An h3 header</h3>

<p>Now a nested list:</p>

<ol>
<li><p>First, get these ingredients:</p>

<ul>
<li>carrots</li>
<li>celery</li>
<li>lentils</li>
</ul>
</li>
<li><p>Boil some water.</p></li>
<li><p>Dump everything in the pot and follow
this algorithm:</p>

<pre><code>find wooden spoon
uncover pot
stir
cover pot
balance wooden spoon precariously on pot handle
wait 10 minutes
goto first step (or shut off burner when done)
</code></pre>

<p>Do not bump wooden spoon or it will fall.</p></li>
</ol>


<p>Notice again how text always lines up on 4-space indents (including
that last line which continues item 3 above).</p>

<p>Here&rsquo;s a link to <a href="http://foo.bar">a website</a>, to a <a href="local-doc.html">local
doc</a>, and to a <a href="#an-h2-header">section heading in the current
doc</a>. Here&rsquo;s a footnote <sup id="fnref:1"><a href="#fn:1" rel="footnote">1</a></sup>.</p>

<p>Tables can look like this:</p>

<p>size  material      color</p>

<hr />

<p>9     leather       brown
10    hemp canvas   natural
11    glass         transparent</p>

<p>Table: Shoes, their sizes, and what they&rsquo;re made of</p>

<p>(The above is the caption for the table.) Pandoc also supports
multi-line tables:</p>

<hr />

<p>keyword   text</p>

<hr />

<p>red       Sunsets, apples, and
          other red or reddish
          things.</p>

<p>green     Leaves, grass, frogs
          and other things it&rsquo;s
          not easy being.</p>

<hr />

<p>A horizontal rule follows.</p>

<hr />

<p>Here&rsquo;s a definition list:</p>

<dl>
<dt>apples</dt>
<dd>Good for making applesauce.</dd>
<dt>oranges</dt>
<dd>Citrus!</dd>
<dt>tomatoes</dt>
<dd>There&rsquo;s no &ldquo;e&rdquo; in tomatoe.</dd>
</dl>

<p>Again, text is indented 4 spaces. (Put a blank line between each
term/definition pair to spread things out more.)</p>

<p>Here&rsquo;s a &ldquo;line block&rdquo;:</p>

<p>| Line one
|   Line too
| Line tree</p>

<p>and images can be specified like so:</p>

<p><img src="../../../../../app/resources/qt/images/mindforger-icon.png" title="An exemplary image" alt="example image" /></p>

<p>Inline math equations go in like so: $\omega = d\phi / dt$. Display
math should get its own line and be put in in double-dollarsigns:</p>

<p>$$I = \int \rho R^{2} dV$$</p>

<p>And note that you can backslash-escape any punctuation characters
which you wish to be displayed literally, ex.: `foo`, *bar*, etc.</p>
<div class="footnotes">
<hr/>
<ol>
<li id="fn:1">
<p>Footnote text goes here.<a href="#fnref:1" rev="footnote">&#8617;</a></p></li>
</ol>
</div>

</body>
</html>
